<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>影厅修改</title>
	<link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
</head>

<style>
	.close {
		display: inline-block;
		position: absolute;
		right: 20px;
	}
	.close:hover {
		color: red;
	}
	.c {
		width: 900px;
	}
</style>

</head>
<body>
	<div width="100%" style="margin-top:10px;margin-botton:30px;">
		<label style="font-size:23px">修改放映厅</label>
		<a href="hall_list.html">
			<div class="close"><i class="layui-icon" style="font-size:20px;font-weight:bold;" title="关闭">&#x1006;</i>
			</div>
		</a>
	</div>
	<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">

	</fieldset>

	<form id="hall-update" class="layui-form">
		<div class="layui-form-item">
			<label class="layui-form-label">影厅名称</label>
			<div class="layui-input-block">
				<input type="text" id="hallName" required class="layui-input required c"
					v-bind:placeholder="hall.hallName" v-bind:value="hall.hallName">
			</div>
		</div>


		<div class="layui-form-item">
			<label class="layui-form-label">影厅类型</label>
			<div class="layui-input-block" style="width:900px">
				<select id="halltype" lay-filter="aihao" required>
					<option v-bind:value="hall.hallType">{{hall.hallType}}</option>
					<option value="2D">2D</option>
					<option value="3D">3D</option>
					<option value="4D">4D</option>
					<option value="4K">4K</option>
					<option value="IMAX">IMAX</option>
					<option value="巨幕">巨幕</option>
					<option value="杜比全景声">杜比全景声</option>
				</select>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">行列</label>
			<div class="layui-input-block">
				<input type="text" id="rowscols" required class="layui-input required c"
					v-bind:placeholder="hall.rowsCols" v-bind:value="hall.rowsCols" @blur="convert">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">座位数量</label>
			<div class="layui-input-block">
				<input type="text" id="number" required class="layui-input required c"
					v-bind:value="hall.hallNumber" readonly>
			</div>
		</div>


		<div class="layui-form-item">
			<div class="layui-input-block">
				<button type="button" class="layui-btn" lay-filter="demo1" @click="update"><i
						class="layui-icon">&#xe621;</i>确认修改</button>
				<button type="reset" class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe9aa;</i>重置</button>
			</div>
		</div>
	</form>

	<script src="../js/jquery-1.12.4.min.js"></script>
	<script src="../js/Vue.js"></script>
	<script src="../layer/layer.js"></script>
	<script src="../layui/layui.js"></script>
	<script src="js/hall-update.js"></script>
	<!-- 解决下拉列表框不显示 -->
	<script type="text/javascript">
		layui.use('form', function () {
			var form = layui.form;
			form.render();
		});
	</script>
</body>

</html>